<template>
	<div>
		<el-aside width="10%">
            <el-menu
				default-active="2"
				class="el-menu-vertical-demo"
				@open="handleOpen"
				@close="handleClose"
				background-color="#FFFFFF"
				text-color="#333333"
				:router="true"
				active-text-color="#000000">
	            <el-menu-item index="/cate">
	                <i class="el-icon-menu"></i>
	                <span slot="title">类目列表</span>
	            </el-menu-item>
	            <el-menu-item index="/cate/add">
	                <i class="el-icon-circle-check"></i>
	                <span slot="title">添加类目</span>
	            </el-menu-item>
	            <el-menu-item index="/attr">
	                <i class="el-icon-menu"></i>
	                <span slot="title">属性列表</span>
	            </el-menu-item>
	            <el-menu-item index="/attr/add">
	                <i class="el-icon-circle-check"></i>
	                <span slot="title">添加属性</span>
	            </el-menu-item>
            </el-menu>
        </el-menu>
        </el-aside>
        <el-main>
        	<router-view class="con"></router-view>
        </el-main>
	</div>
</template>

<script type="text/javascript">
	export default {
		data(){
			return {
				auth:{alc:{}}
			}
		},
		created(){
			//this.auth = JSON.parse(this.user);
		},
		methods:{
			handleOpen(key, keyPath) {
                console.log(key, keyPath);
            },
            handleClose(key, keyPath) {
                console.log(key, keyPath);
            }
		}
	}
</script>


<style type="text/css" lang="scss" scoped>
	.el-aside{
		float: left;
		.el-menu-vertical-demo{
			height: calc(100vh - 70px);
		}
	}
	.el-main{
		float: left;
		margin-left: 10px;
		margin-top: 10px;
		width: 500px;
		background-color: #ffffff;

	}
</style>